<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人设置</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/XY.css" />
		<style type="text/css">
		
            .undernameline {
            	height: 2px;
            	width:240px;
            	background: #e7e7e7;
                position: absolute;
                top:90px;margin-left: 100px;
            }		
			.ifollow {
				height: 26px;
				width: 75px;
				background: #e7e7e7;
				font-size: 12px;
				line-height: 12px;
				text-align: center;
				position: absolute;
				top: 100px;
				margin-left: 100px;
			}
			
			.followme {
				height: 26px;
				width: 75px;
				background: #e7e7e7;
				font-size: 12px;
				line-height: 12px;
				text-align: center;
				position: absolute;
				top: 100px;
				margin-left: 200px;
			}
			.selfintroduction {
				height: 60px;background: #FFFFFF;
				color: #666666;font-size: 16px;padding:8px;
			}
			.icon-zan {
				position: absolute;
				top: 115px;left: 25px;
			}
			.zannumber {
				font-size: 14px;color: #999999;
			}
			.icon-follow {
				width: 60px;height:20px;
				background: #0072DC;
				position: absolute;
				top: 170px;right: 10px;
				text-align: center;
				overflow:hidden;   
			}
			.followbutton {
				color: #FFFFFF;font-size:14px;
				display: table;
				vertical-align: middle;
				line-height: 20px;
			}
		</style>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background:#0072DC;">
			<button type="button" class="mui-pull-right mui-btn-link mui-btn-nav iconfont" style="color: #FFFFFF;margin-right: 5px;">&#xe678;</button>
			<h1 class="mui-title" id="">Gavin</h1>
		</header>
		<div class="mui-content" style="position: relative;">

			<ul class="mui-table-view" style="margin-top: 0px;height: 100px;">
				<li class="mui-table-view-cell" url="" login='' >
					<img class="mui-media-object mui-pull-left head-img" id="user-head" src="../../Images/Westbrook.png">
					<div class="mui-media-body">
						<p class='mui-username'>Gavin</p>
					</div>
				</li>
			</ul>
			<div class="icon-zan">
			    <a class="mui-icon iconfont" style="color: #999999;">&#xe629;<span class="zannumber">199</span></a>
			</div>
			<div class="icon-follow">
				<a class="mui-icon iconfont" style="color: #999999;"><span class="followbutton">关注</span></a>
			</div>
			<div class="undernameline">
		
			</div>
			<div class="ifollow">
				8</br>他关注的
			</div>
			<div class="followme">
				10</br>关注他的
			</div>
			<div class="selfintroduction">
				上海理工大学学生会主席</br>上海理工大学团支部书记
			</div>
			<ul class="mui-table-view" style="margin-top: 40px">
				<li class="mui-table-view-cell" url="" style="margin-top: 15px;">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe629;
						<span class="mine-fontset">他的赞</span><i class="mui-pull-right"></i>
					</a>
				</li>
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe678;
						<span class="mine-fontset">他的评论</span><i class="mui-pull-right"></i>
					</a>
				</li>
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe809;
						<span class="mine-fontset">他加入的圈子</span><i class="mui-pull-right"></i>
					</a>
				</li>
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe6bc; 
						<span class="mine-fontset">他发表的话题</span><i class="mui-pull-right"></i>
					</a>
				</li>
			</ul>
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item" id="messages" href="#">
					<i class="mui-icon iconfont">&#xe63e;</i>
					<div class="mui-tab-label">消息</div>
				</a>
				<a class="mui-tab-item" id="circle" href="#">
					<i class="mui-icon iconfont">&#xe809;</i>
					<div class="mui-tab-label">圈子</div>
				</a>
				<a class="mui-tab-item" id="follows" href="#">
					<i class="mui-icon iconfont">&#xe647;</i>
					<div class="mui-tab-label">关注</div>
				</a>
				<a class="mui-tab-item mui-active" id="mine" href="#">
					<i class="mui-icon iconfont">&#xe63e;<span class="mui-badge"></span></i>
					<div class="mui-tab-label">我的</div>
				</a>
			</nav>
		</div>
	</body>

</html>